
html{
    font-size: 12px;
}
body,ul,li,dl,dd,dt,img{
    margin: 0px;
    padding: 0px;
}
header{
    height: 3rem;  /*标题的高度  rem相对于html的字体大小的倍数*/
    line-height: 3rem; /*行高设置为45px */
    text-align: center;
    font-size: 1.5rem;
    
    background-color: brown; /*设置背景*/
    color: #fff; /*设置字体颜色为白色*/
}
section{
    font-size: 0px;  /*消除空格，文本节点所产生的间距*/
}
.list dl{
    width: 33.33%;
    display: inline-block;
    text-align: center;
    margin-top:10px;
    
}
.list dl dd img{
    box-shadow: 0 0 3px #cbcbcb;/*为图片加上阴影，阴影水平和垂直距离为0，模糊3px*/
    border-radius: 5px; /*设置边框的圆角为 5px*/
}
footer{
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1rem;
}

